<!doctype html>
<html lang="zh-Hans-CN">

<head>
	<title>v-if</title>
	<meta charset="utf-8">
	<meta name="keywords" content="">
	<meta name="description" content="">
	<meta name="author" content="chen">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="X-UA-Compatible" content="ie=edge, chrome=1">
	<!--<link rel="stylesheet" type="css/text" media="screen and ( min-width: 1200px )" href="">-->
	<link rel="stylesheet" type="text/css" media="screen" href="">
	<style>
		/*@import url("css/name.css") screen and ( min-width: 1200px );*/
	</style>
</head>

<body>
	<div id='app'>
		<div v-if='role === "admin" || role === "super"'>这是管理员可以看到的</div>
		<div v-else-if='role == "hr"'>这是fr可以看到的</div>
		<div v-else>这是未有符合条件的用户可以看到的</div>
	</div>
	<script src="../lib/vue.js"></script>
	<script src="./app.js"></script>
	<script>
		// v-if 用来判断指定此属性的标签内容是否应该显示出来
		// 
	</script>
</body>

</html>